<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看个人信息</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
</head>
 <body>
    <form class="layui-form" action="" lay-filter="detail">
        <div class="layui-form-item">
            <label class="layui-form-label">家长编号</label>
            <div class="layui-input-inline">
                <input type="text" name="id" lay-verify="required" lay-reqText="请输入正确的编号" placeholder="请输入编号" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">姓名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="请输入姓名" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input type="radio" name="gender" value="1" title="男" checked="">
                <input type="radio" name="gender" value="2" title="女">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">学生学号</label>
            <div class="layui-input-inline">
                <input type="text" name="studentId" lay-verify="required" lay-reqText="请输入正确的学号" placeholder="请输入学号" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">班级</label>
            <div class="layui-input-inline">
                <input type="text" name="classesId" lay-verify="required" lay-reqText="请输入正确的班级" placeholder="请输入班级" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">民族</label>
            <div class="layui-input-inline">
                <input type="text" name="nation" lay-verify="required" lay-reqText="请输入正确的民族" placeholder="请输入民族" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">公司</label>
            <div class="layui-input-inline">
                <input type="text" name="company" lay-verify="required" lay-reqText="请输入正确的公司" placeholder="请输入公司" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-inline">
                <input type="text" name="address" lay-verify="required" lay-reqText="请输入正确的地址" placeholder="请输入地址" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">关系</label>
            <div class="layui-input-inline">
                <input type="text" name="relationship" lay-verify="required" lay-reqText="请输入正确的家庭关系" placeholder="请输入家庭关系" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">毕业院校</label>
            <div class="layui-input-inline">
                <input type="text" name="graduationName" lay-verify="required" lay-reqText="请输入正确的毕业院校" placeholder="请输入毕业院校" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">职务</label>
            <div class="layui-input-inline">
                <input type="text" name="c" lay-verify="occupation" lay-reqText="请输入正确的职务" placeholder="请输入职务" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">证件类型</label>
            <div class="layui-input-inline">
                <select name="certificateId">
                    <option value="">请选择证件类型</option>
                    <option value="1">二代身份证</option>
                    <option value="2">出生证</option>
                    <option value="3">护照</option>
                    <option value="4">士官证</option>
                    <option value="5">港澳通行证</option>
                </select>
            </div>
            <label class="layui-form-label">证件号码</label>
            <div class="layui-input-inline">
                <input type="text" name="certificateNum" lay-verify="required" lay-reqText="请输入正确的证件号码" placeholder="请输入证件号码" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">证件有效期</label>
            <div class="layui-input-inline">
                <input type="date" name="certificateTime" lay-verify="required" lay-reqText="请输入正确的有效期" placeholder="请选择证件有效期" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">年龄</label>
            <div class="layui-input-inline">
                <input type="texts" name="age" lay-verify="required" lay-reqText="请输入正确的年龄" placeholder="请输入年龄" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-inline">
                <input type="text" name="phone" lay-verify="required | phone" lay-reqText="请输入正确的联系电话" placeholder="请输入联系电话" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">身份</label>
            <div class="layui-input-inline">
                <select name="roleId">
                    <option value="">请选择身份</option>
                    <option value="3">家长</option>
                    <option value="4">家委</option>
                </select>
            </div>
        </div>

    </form>
 </body>
<script src="/layui.js" charset="utf-8"></script>
<script>
    layui.use('form',function () {
        let form=layui.form;
        $.post("/parents/personal",function (res) {
            form.val("detail", res.data.items[0]);
        });
    })
</script>
<!--<script>-->
    <!--layui.use('table', function(){-->
        <!--let table = layui.table;-->
        <!--table.render({-->
            <!--elem: '#detail'-->
            <!--,url: '/parents/personal'-->
            <!--,cols: [-->
                <!--[-->
                    <!--{field:'id', title:'家长id', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计行'}-->
                    <!--,{field:'name' ,width:80, title: '姓名'}-->
                    <!--,{field:'genderName',width:80, title: '性别'}-->
                    <!--,{field:'studentId', width:120,title: '孩子id'}-->
                    <!--,{field:'studentName', width:110, title: '孩子姓名', sort: true ,templet:function (res) {-->
                        <!--return res.studentInfo.studentName;-->
                    <!--}}-->
                    <!--,{field:'classes',width:120, title: '班级', sort: true, templet:function (res) {-->
                        <!--return res.classes.classesName;-->
                    <!--}}-->
                    <!--,{field:'nation', width:80,title: '民族', sort: true}-->
                    <!--,{field:'company',width:80,  title: '公司地址'}-->
                    <!--,{field:'address',width:110,  title: '住址', sort: true}-->
                    <!--,{field:'relationship', width:110, title: '关系', sort: true}-->
                    <!--,{field:'graduationName',width:200,  title: '院校', sort: true}-->
                    <!--,{field:'occupation',width:120,  title: '职务', sort: true}-->
                    <!--,{field:'certificate', width:110, title: '证件类型', sort: true ,templet:function (res) {-->
                        <!--return res.certificate.certificateName;-->
                    <!--}}-->
                    <!--,{field:'certificateNum',width:120,  title: '证件号码', sort: true}-->
                    <!--,{field:'phone',width:150,  title: '电话', sort: true}-->
                    <!--,{field:'role', width:110, title: '身份', sort: true ,templet:function (res) {-->
                        <!--return res.role.name;-->
                    <!--}}-->
            <!--]-->
            <!--]-->
            <!--,page: true,-->
            <!--response: {-->
                    <!--statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0-->
                <!--},-->
                <!--parseData: function(res) { //将原始数据解析成 table 组件所规定的数据-->
                    <!--return {-->
                        <!--"code": res.code, //解析接口状态-->
                        <!--"msg": res.msg, //解析提示文本-->
                        <!--"count": res.data.count, //解析数据长度-->
                        <!--"data": res.data.items //解析数据列表-->
                    <!--};-->
                <!--}-->
        <!--});-->
    <!--});-->
<!--</script>-->
</html>